$panelBG: rgba(252, 252, 252, .9);
$title: #D74B4B;
$bg: #DCDDD8;
$textL: #475F77;
$textM: #354B5E;
$white: #FFFFFF;

\:section{
    display: block;
}

body {
    font-family: 'Source Sans Pro', "Ryo Gothic PlusN L", myriad pro, Arial;
    font-style: normal;
    font-weight: 400;
    font-size: 100%;
    width: 100%;

    header {
        position: fixed;
        min-width: 10px;
        z-index: 1000;
        @include responsive('midget') {
            position: static;
            width: 100% !important;
            height: auto !important;
        }

        nav {
             position: relative;
             display: inline-block;
             top: 20%;

             >nav, >section {
                 display: inline-block;
             }
             @include responsive('human') {
                 width: auto;
                 top: 0%;
             }

             @include responsive('midget') {
                 position: static;
                 width: 100%;
                 overflow: hidden;
                 margin-bottom: 100px;
             }
         }
    }

    section#mainContent, \:section#mainContent{
        position: fixed;
        top: 0;
        left: 50pt;
        right: 20pt;
        bottom: 0;
        @include responsive('human') {
            position: relative;
            bottom: auto;
            top: auto;
            left: auto;
            right: auto;
        }

        a {
            color: $textL;
            border-bottom: 1px dotted $textM;
        }

        section.content, \:section.content{
            margin: 0 auto;
            width: 90%;
            max-width: 1280px;

            .wrap {
                max-width: 1280px;
            }

            @include responsive('midget') {
                width: 100%;
            }
        }
    }
}